import React from 'react'
import "@/views/homeStyle/jiuyeStyle/jiuye.scss"
import Status from '@/component/Status'
import Where from '@/component/Where'
import JiuyeRightTop from '@/component/jiuyeRightTop'
import JiuyeRightBottom from '@/component/JiuyeRightBottom'
import { getUserInfo } from '@/api';
import Hoc_login from '@/utils/Hoc_login'
import { useEffect } from 'react'
function Jiuye() {

  useEffect(() => {
    getUserInfo().then(res => {
      if (res.code === 1) {
        // message.success(res.msg)
      }
    })
  }, [])
  return (
    <>
      {/* 左侧盒子 */}
      <div className="leftBox">
        {/* 毕业人员去向 */}
        <div className="biYeWhere">
          <nav>近三年来毕业人员去向</nav>
          <div className="where-0">
            <h3>北京</h3>
            <div className="where-1">
              <dl>
                <dt><h2 style={{ color: '#E911BB' }}>6000</h2></dt>
                <dd><img src="../../public/icon/about_03.jpg" alt="" /></dd>
                <dd>2022</dd>
              </dl>
              <dl>
                <dt><h2 style={{ color: '#0BD7EE' }}>8980</h2></dt>
                <dd><img src="../../public/icon/about_05.jpg" alt="" /></dd>
                <dd>2021</dd>
              </dl>
              <dl>
                <dt><h2 style={{ color: '#EECC5D' }}>2345</h2></dt>
                <dd><img src="../../public/icon/about_07.jpg" alt="" /></dd>
                <dd>2020</dd>
              </dl>
            </div>
            <Where />
          </div>
        </div>

        {/* 毕业生工作状态 */}
        <div className="biYeStatus">
          <nav>毕业生工作状态</nav>
          <Status />
        </div>
      </div>


      {/* 中间盒子 */}
      <div className="cenetrBox"></div>


      {/* 右侧盒子 */}
      <div className="rightBox">
        {/* 毕业生流向城市 */}
        <div className="biYeCity">
          <nav>毕业生流向城市</nav>
          {/* 毕业生流向城市 */}
          <div className='biYeCity_0'>
            {/*  */}
            <div className='biYeCity_1'>
              <div>设计</div>
              <div>开发</div>
              <div>元宇宙</div>
            </div>
            {/*  */}
            <JiuyeRightTop />

          </div>
        </div>
        {/* 毕业生薪资分布 */}
        <div className="biYeMony">
          <nav>毕业生薪资分布</nav>
          <div className='biYeMony_0'>
            <JiuyeRightBottom />
          </div>
        </div>
      </div>
    </>
  )
}

export default Hoc_login(Jiuye)
